@import "variables";
.seed-counter {
  border: pxTorem(1px) solid color($h5, c9);
  background-color: color($h5, c10);
  height: pxTorem(52px);
  .seed-counter-btn {
    width: pxTorem(52px);
    height: 100%;
    background-color: color($h5, c10);
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: center center;
    &[disabled] {
      background-color: color($h5,c9);
    }
    &.increment-btn {
      background-image: url("#{$icons-path}/icon_increment.png");
      border-left: pxTorem(1px) solid color($h5, c9);
    }
    &.decrement-btn {
      background-image: url("#{$icons-path}/icon_decrement.png");
      border-right: pxTorem(1px) solid color($h5, c9);
    }
  }
  .seed-counter-number {
    min-width: pxTorem(52px);
    height: 100%;
    text-align: center;
  }
}




